<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/home.css">
</head>

<body>
    <!--导航-->
    <header>
        <!-- 顶部导航 -->
        <nav class="navbar fixed-top navbar-expand-lg navbar-light white scrolling-navbar">
            <div class="container-fluid">
                <!-- 标题 -->
                <a class="navbar-brand">
                    <strong class="blue-text">课程视频管理</strong>
                </a>
                <!-- 菜单按钮 -->
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                    data-target="#navbarSupportedContent">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <!-- 菜单列 -->
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <!-- 左侧 -->
                    <ul class="navbar-nav mr-auto tab-menus" id="tabsA">
                    </ul>
                    <!-- 右侧 -->
                    <ul class="navbar-nav nav-flex-icons">
                        <li class="nav-item" data-toggle="modal" data-target="#loginOutModal">
                            <a class="nav-link border border-light">退出登录</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- 顶部导航-结束 -->
        <!-- 侧边导航 -->
        <div class="sidebar-fixed position-fixed">
            <img src="./img/logo.png" class="img-fluid" alt="">
            <div class="list-group list-group-flush tab-menus" id="tabsB">
            </div>
        </div>
        <!-- 侧边导航-结束 -->
    </header>
    <!--导航-end-->

    <!--主体布局-->
    <main class="pt-5" id="pageContent">
       
    </main>
    <!--主体布局-end-->


    <!-- 退出模态窗 -->
    <div class="modal fade" id="loginOutModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="loginOutModal">确定退出登录？</h5>
                    <button type="button" class="close" data-dismiss="modal">
                        <span>×</span>
                    </button>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary">退出登录</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 退出模态窗-结束 -->
</body>
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/template-web.js"></script>
<script src="./js/echarts.min.js"></script>
<script src="./js/home.js"></script>

</html>